1.vscode中的源码 jsconfig.json
2.Vue2源码解析?2?初始化
3.关于jsp中ueditor的用法
4.微信公众号开发之如何使用JSSDK

vscode中的 jsconfig.json

       在Visual Studio Code中，jsconfig.json是源码一个关键文件，它为JavaScript项目提供了关键配置。源码当你在webpack模板中遇到@符号的源码import路径问题时，其实它指示的源码是一个模块路径的别名。jsconfig.json主要用于标识项目根目录，源码cdzb源码定义语言服务的源码选项，并优化代码编辑体验。源码

       当你开始一个JavaScript项目时，源码即使不使用TypeScript，源码也可能会遇到它，源码因为jsconfig.json源于TypeScript的源码tsconfig.json，它在JavaScript项目中相当于开启了"allowJs"特性。源码这个文件对JavaScript项目的源码IntelliSense（智能感知）至关重要，它能识别并提供代码建议。源码

       在工作空间中，jsconfig.json的存在能提升JavaScript文件的智能感知。比如，微商圈源码它能识别项目的结构，避免混淆不同项目的代码。文件通常放在项目的根目录下，对于大型项目，可能需要在工作空间中定义多个jsconfig.json，以避免代码混淆。

       jsconfig.json的"exclude"和"include"属性用于控制哪些文件参与IntelliSense，而"compilerOptions"则提供了配置语言支持的各种选项，如目标版本、类型检查和编译设置等。对于webpack别名，你需要将路径映射添加到"paths"键中，以便IntelliSense能够识别。

       遵循最佳实践，应排除不属于源代码的JavaScript文件夹，如node_modules，以保持性能。助创源码如果项目过大，VS Code会提示你调整配置，比如编辑jsconfig.json。

       使用TypeScript编译器时，jsconfig.json的某些选项也会起作用，如模块生成模式、源映射和输出文件设置等。总的来说，jsconfig.json在VS Code中起着管理和优化JavaScript项目配置的作用，确保代码编辑体验的顺畅。

Vue2源码解析?2?初始化

       活着，最有意义的事情，就是不遗余力地提升自己的认知，拓展自己的认知边界。

       在搭建源码调试环境一节中，我们已经找到了Vue的构造函数，接下来开始探索Vue初始化的发卡密源码流程。

一个小测试

       在精读源码之前，我们可以在一些重要的方法内打印一下日志，熟悉一下这些关键节点的执行顺序。（执行npmrundev后，源码变更后会自动生成新的Vue.js，我们的测试html只需要刷新即可）

在初始化之前，Vue类的构建过程？

       在此过程中，大部分都是原型方法和属性，意味着实例vm可以直接调用

       注意事项：

       1、以$为前缀的属性和方法，在调用_init原型方法的那一刻即可使用

       2、以_为前缀的原型方法和属性，谨慎使用

       3、本章旨在了解Vue为我们提供了哪些工具（用到时，深入研究，不必要在开始时花过多精力，后边遇到时会详细说明）

       4、网站框架源码类方法和属性在newVue()前后都可以使用，原型方法和属性只能在newVue()后使用

定义构造函数//src/core/instance/index.jsfunctionVue(options){ //形式上很简单，就是一个_init方法this._init(options)}挂载原型方法：_init//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }挂载与state相关的原型属性和原型方法//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}挂载与事件相关的原型方法//src/core/instance/events.jsconsthookRE=/^hook:/Vue.prototype.$on=function(event:string|Array<string>,fn:Function):Component{ }Vue.prototype.$once=function(event:string,fn:Function):Component{ }Vue.prototype.$off=function(event?:string|Array<string>,fn?:Function):Component{ }Vue.prototype.$emit=function(event:string):Component{ }挂载与生命周期相关的原型方法//src/core/instance/lifecycle.jsVue.prototype._update=function(vnode:VNode,hydrating?:boolean){ }Vue.prototype.$forceUpdate=function(){ }Vue.prototype.$destroy=function(){ }挂载与渲染相关的原型方法//installruntimeconveniencehelpersinstallRenderHelpers(Vue.prototype)Vue.prototype.$nextTick=function(fn:Function){ }Vue.prototype._render=function():VNode{ }挂载Vue类方法和类属性//src/core/global-api/index.js//configconstconfigDef={ }configDef.get=()=>configObject.defineProperty(Vue,'config',configDef)Vue.util={ warn,extend,mergeOptions,defineReactive}Vue.set=setVue.delete=delVue.nextTick=nextTick//2.6explicitobservableAPIVue.observable=<T>(obj:T):T=>{ observe(obj)returnobj}Vue.options=Object.create(null)ASSET_TYPES.forEach(type=>{ Vue.options[type+'s']=Object.create(null)})Vue.options._base=Vueextend(Vue.options.components,builtInComponents)initUse(Vue)//挂载类方法use，用于安装插件（特别特别重要）initMixin(Vue)//挂载类方法mixin，用于全局混入（在Vue3中被新特性取代）initExtend(Vue)//实现Vue.extend函数initAssetRegisters(Vue)//实现Vue.component,Vue.directive,Vue.filter函数挂载平台相关的属性，挂载原型方法$mount//src/platforms/web/runtime/index.js//installplatformspecificutilsVue.config.mustUseProp=mustUsePropVue.config.isReservedTag=isReservedTagVue.config.isReservedAttr=isReservedAttrVue.config.getTagNamespace=getTagNamespaceVue.config.isUnknownElement=isUnknownElement//installplatformruntimedirectives&componentsextend(Vue.options.directives,platformDirectives)extend(Vue.options.components,platformComponents)//installplatformpatchfunctionVue.prototype.__patch__=inBrowser?patch:noopconsole.log('挂载$mount方法')//publicmountmethodVue.prototype.$mount=function(el?:string|Element,hydrating?:boolean):Component{ }拓展$mount方法//src/platforms/web/entry-runtime-with-compiler.jsconstmount=Vue.prototype.$mount//保存之前定义的$mount方法Vue.prototype.$mount=function(el?:string|Element,hydrating?:boolean):Component{ //执行拓展内容returnmount.call(this,el,hydrating)//执行最初定义的$mount方法}Vue的初始化过程（很重要哦！！！）

       熟悉了初始化过程，就会对不同阶段挂载的实例属性了然于胸，了解Vue是如何处理options中的数据，将初始化流程抽象成一个模型，从此，当你看到用户编写的options选项，都可以在这个模型中演练。

       前边我们提到过，Vue的构造函数中只调用了一个_init方法

执行_init方法//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ constvm:Component=this//此刻，Vue的实例已经创建，只是雏形，但Vue的所有原型方法可以调用//aflagtoavoidthisbeingobserved//（observe会在后面的响应式章节详细说明）vm._isVue=true//mergeoptionsif(options&&options._isComponent){ //在后面的Vue组件章节会详细说明//optimizeinternalcomponentinstantiation//sincedynamicoptionsmergingisprettyslow,andnoneofthe//internalcomponentoptionsneedsspecialtreatment.initInternalComponent(vm,options)}else{ vm.$options=mergeOptions(//合并optionsresolveConstructorOptions(vm.constructor),//主要处理包含继承关系的实例（）options||{ },vm)}//exposerealselfvm._self=vminitLifecycle(vm)//初始化实例中与生命周期相关的属性initEvents(vm)//处理父组件传递的事件和回调initRender(vm)//初始化与渲染相关的实例属性callHook(vm,'beforeCreate')//调用beforeCreate钩子，即执行beforeCreate中的代码（用户编写）initInjections(vm)//resolveinjectionsbeforedata/props获取注入数据initState(vm)//初始化props、methods、data、computed、watchinitProvide(vm)//resolveprovideafterdata/props提供数据注入callHook(vm,'created')//执行钩子created中的代码（用户编写）if(vm.$options.el){ //DOM容器（通常是指定id的div）vm.$mount(vm.$options.el)//将虚拟DOM转换成真实DOM，然后插入到DOM容器内}}initLifecycle：初始化与生命周期相关的实例属性//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }0initEvents(vm)：处理父组件传递的事件和回调//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }1initRender(vm)：初始化与渲染相关的实例属性//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }2CallHook(vm,'beforeCreate')：执行beforeCreate钩子

       执行options中，用户编写在beforeCreate中的代码

//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }3initInjections(vm)：resolveinjectionsbeforedata/props获取注入数据//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }4initState(vm)：初始化props、methods、data、computed、watch（划重点啦！！！）//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }5initProps:初始化props

       此处概念比较多，propsData、props、vm._props、propsOptions，后续会结合实例来分析其区别，此处只做大概了解。

//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }6initMethods：初始化methods//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }7initData：初始化data//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }8initComputed：初始化computed选项//src/core/instance/init.jsVue.prototype._init=function(options?:Object){ }9initWatch：初始化watch

       createWatcher：本质上执行了vm.$watch(expOrFn,handler,options)

//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}0initProvide(vm)：提供数据注入

       为什么provide初始化滞后与inject，后续补充

//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}1CallHook(vm,'created')：执行created钩子中的代码

       callHook的相关逻辑，参考上面的callHook(vm,'beforeCreate')

执行挂载执行$mount扩展

       通过下面的代码可知：当用户代码中同时包含render，template，el时，它们的优先级依次为：render、template、el

//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}2

       $mount方法中，首先获取挂载容器，然后执行mountComponent方法

//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}3//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}4

       在_update方法中，通过_vnode属性判断是否初次渲染，patch其实就是patch方法，关于patch的详细逻辑，将在diff算法章节详细说明。

//src/core/instance/state.jsconstdataDef={ }dataDef.get=function(){ returnthis._data}constpropsDef={ }propsDef.get=function(){ returnthis._props}Object.defineProperty(Vue.prototype,'$data',dataDef)Object.defineProperty(Vue.prototype,'$props',propsDef)Vue.prototype.$set=setVue.prototype.$delete=delVue.prototype.$watch=function(expOrFn:string|Function,cb:any,options?:Object):Function{ //略}5原文：/post/

关于jsp中ueditor的用法

       您好，关于JSP中Ueditor的使用经验：

       1、首先去官网下载Ueditor，选择UTF-8版本。

       2、在项目工程里面导入，新建一个Ueditor的文件夹，把解压之后的全部东西放进去。

       3、新建一个JSP页面，并在页面上引用Ueditor的JS文件，路径自己调整。

       <!-- 配置文件 -->

       <script type="text/javascript" src="ueditor/ueditor.config.js"></script>

       <!-- 编辑器源码文件 -->

       <script type="text/javascript" src="ueditor/ueditor.all.js"></script>

       4、在页面上新建一个textarea的标签，如下:

       <textarea id="container" name="container"

       style="width: px; height: px; margin: 0 auto;">

           </textarea>

       5、实例化编辑器，这里用的是替代法，即把textarea替换为Ueditor编辑器

       <!-- 实例化编辑器 -->

       <script type="text/javascript">

       var ue = UE.getEditor("container");

       </script>

       到此，基本配置就完了。

       后台获取数据，在后台里面：

       String word_content = request.getParameter("container");  获取页面上的name="container "就行了

       如果使用SSH框架的话，更加简单，我也就不赘述了。

       关于数据库获取数据，使用查询语句查询对应的字段，传递到页面上就OK。不用过多的考虑。

       其次还给你说一下，关于上传的问题：

       当你能够运行编辑器页面的时候，上传功能就已经实现了。不需要你做额外的配置。

       默认的上传目录是：

       WebContent下的images目录，上传的是在服务器上的，项目工程里面是没有的，要去你工作空间里面找，我的是E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。你可以对应的这个目录去找。

       再次说明一下，的上传目录可以更改。打开如图：

       打开之后是这个样子：

       这个就是上传文件的配置，你可以在这里修改你想上传的文件路径。

       希望这个是你想要的答案。

       望采纳，纯手打。

微信公众号开发之如何使用JSSDK

        微信开发交流群：

        欢迎留言、转发、打赏

        系列文章参考地址 极速开发微信公众号

        项目源码参考地址 点我点我--欢迎Start

        服务号、订阅号可以通过登录 微信公众平台 查看 开发>接口权限

        使用JSSDK主要包括

        1、判断当前客户端版本是否支持指定JS接口、

        2、分享接口（微信认证）

        3、图像接口

        4、音频接口

        5、智能接口（识别语音并返回结果）

        6、设备信息（获取网络状态）

        7、地理位置

        8、界面操作

        9、微信扫一扫

        、微信小店（服务号必须通过微信认证）

        、微信卡券 （微信认证）

        、微信支付（服务号必须通过微信认证）

        官方参考文档

        步骤一：绑定域名

        先登录微信公众平台进入 公众号设置 的 功能设置 里填写 JS接口安全域名 。

        步骤二：引入JS文件

        在需要调用JS接口的页面引入如下JS文件，（支持/open/js/jweixin-1.0.0.js

        如需使用摇一摇周边功能，请引入 /open/js/jweixin-1.1.0.js

        备注：支持使用 AMD/CMD 标准模块加载方法加载

        步骤三：通过config接口注入权限验证配置

        签名算法生成规则

        请 官方参考文档

        下面具体来讲讲 开源项目 weixin_guide 中的封装。

        使用的时候只要在Controller方法上添加一个拦截器 JSSDKInterceptor 来实现签名验证再将 wx.config 需要的参数设置对应的属性在页面上进行获取。

        拦截器实现如下：

        在Controller中使用

        JSP页面上面使用

        测试结果

        在AppConfig 中添加路由 me.add("/jssdk", JSSDKController.class,"/view"); 手机中访问 http://域名[/项目名称]/jssdk ,如果设置了 debug= true 成功了就会弹出

        如果出现 { "errorMsg":"config:invalid url domian"} 请检查步骤一：绑定域名与你访问的域名是否在安全域名列表当中

        步骤四：通过ready接口处理成功验证

        步骤五：通过error接口处理失败验证

        步骤六：接口调用

        拦截器具体实现 参考地址 点这里

        js 接口调用参考地址 点这里

        以上就是JSSDK使用的介绍。

        欢迎留言、转发、打赏项目

        源码参考地址 点我点我--欢迎Start