- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vite配置scss无效问题
如何生成vite的vue项目，网上教程已经有很多，在此就不多说了，在此聊一聊在刚接触vite时，配置scss所遇到的问题。首先执行初始化项目命令，并安装依赖，运行项目： npm init @vitejs/app vite-test cd vite-test npm install npm run dev写入样式内容：body { background-color: pink; color: orange;}安装sassnpm install sass -D
2021-10-09 16:06:08
6350
1
原创 vue-cli离线初始化项目
公司内网环境，无法访问互联网，无法正常使用vue-cli生成项目。每次生成新项目都是复制之前的项目然后再修改，或者在外网环境初始化好后，再导入内网环境进行开发，非常影响开发效率。然后开始研究离线生成项目的方法，最后成功。下载模板从 https://github.com/vuejs-templates/wepack 下载webpack模板文件：然后在路径：C:\Users\用户名\ 下创建 .vue-templates 文件夹，将模板文件解压至文件夹中：执行初始化项目命令：vue init
2021-09-03 17:27:23
853
原创 JavaScript函数的防抖和节流
在前端开发中，经常会给元素添加一些事件，例如：click、scroll、input、mousemove。这些事件会存在一些隐患，比如点击事件，用户点击时可能手抖连续点击了两次。或者点击后发现没反应，频繁的点击按钮。按钮一般都会与我们的后台服务有交互功能，请求数据接口等等。如果像用户的操作一样，频繁去向服务器发送请求，这会占用很多不必要的资源，甚至出现bug。防抖函数防抖，如字面意思一样...
2020-03-26 14:14:28
246
原创 Navicat for MySQL连接报错1251
ALTER USER 'root'@'localhost' IDENTIFIED BY '123456';
2020-03-15 10:58:18
213
转载 手机端font-size:62.5%原理
原理： 是根据根节点html的默认字体大小font-size来计算的，以此进行rem的初始值设置。实现对不同屏幕宽度的适配。（100px/16px=6.25=625%, 100代表100px,这里是以100px来换算的，即：1rem=100px。当然有些地方是10px/16px=62.5%，以10px来换算的，即1rem=10px。）rem是css3中新增加的一个单位属性，是相对长度单位。相对于...
2020-02-05 11:34:41
1110
原创 JavaScript的事件循环和任务队列
JavaScript语言的一大特点是单线程，意思是同一时间内，只能做一件事。这就意味着所有的执行任务需要排队，上一个任务执行完毕，才会轮到下一个执行。有的任务可能执行时间比较长（ajax），后面的任务要执行就得等着，如果前面的任务时间太长，就会使整个页面卡住，这样对用户体验影响非常不好。JavaScript的一大特色，异步就解决了这个问题，异步的意思差不多就是你干你的，我干我的，都同...
2019-11-03 17:45:21
770
原创 使用vue-cli构建Vue项目
之前分享过 不使用vue-cli，一步一步构建Vue项目（小白入门），这篇文章是主要是为了更好的理解运行时构建vue项目（都是以.vue为后缀的独立组件）的构建过程和webpack相关功能的，对vue初学者比较友好。但是因为市场需要或者说是趋势，需要更成熟的vue项目架构，且能快速初始化一个vue项目，所以使用vue-cli也成为了开发vue项目的重要技能。1、node安装vue-cli...
2019-09-20 17:25:51
660
原创 Echarts地图添加引导线效果(labelLine)
最近有粉丝问我能不能出个案例：地图上的地区文字，或其他标示类的图层，因为区块面积相对太小，想放在地图之外，通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例，铺设散点形式铺设label，部分地区用线连接，地图以广州地图为例：如果需要地图geojson或js文件的话，可以到我的个人 github 上自取：https://github.com/zhangqian00/echa...
2019-09-04 21:00:16
10400
5
原创 前端为什么使用框架？解决了哪些问题？
JavaScript 框架对于前端来说就像是，八倍镜对于98K一样重要，成为了前端开发事半功倍，不可或缺的一部分。但是很少有人思考过，我们为什么使用框架？仅仅是因为代码量减少吗？
2018-10-12 17:39:48
5457
原创 前端修炼——Node.js（二）
深入分析node.js原理。 异步I/O 现代的 Web 应用已经不再是单台服务器就能胜任了，在跨网络结构下，并发已经是现代编程的标配了，所以异步 I/O 在 Node 里非常重要。Node 完成整个异步 I/O 环节包括：事件循环观察...
2018-05-03 14:37:03
2829
原创 vue实现全选全不选
全选功能可以说是前端开发中非常常见的一个功能。从jQuery到vue的转变主要是一个思想想的转变，用数据驱动dom，也是vue框架的一个核心思想，思想转变过来，对功能的实现自然容易理解一些。
2018-03-27 13:17:21
14970
转载 web前端，常用js方法封装
搜索总结了一些前端日常开发中，常用的一些方法封装var myJs = { /* * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ getDates: function(dt) { var str = ""; //存储时间的字符串 ...
2017-11-02 08:53:47
5902
3
原创 sessionstorage中存储JSON数据
在web开发时，可能经常会用到sessionstorage存储数据，存储单个字符串数据变量时并不困难var str = 'This is a string';sessionstorage.setItem('param',str);获取sessionstoragevar item = sessionstorage.getItem('param');console.log(...
2017-10-24 11:56:52
9898
2
原创 提取数组中相同类别数据，组成新的数组
最近项目里遇到一个处理数据的问题，返回的数据很多都是一个类别下的子数据，根据名称key进行分类，下面是一个demo，如有不足之处，期待交流。处理方法function dataDeal(data){ var listArr = []; data.forEach(function(el,index){ for(var i=0;i<listArr...
2017-10-19 17:18:06
8778
3
原创 click事件的累加绑定，一次点击，执行多次
最近在工作上遇到一个点击事件累加的问题，为元素添加点击事件效果，但是总是效果失败，最后发现点击事件被执行了多次，上网查了一下，下边就是解决这个问题的几种思路 $("#adsCollection_tb .contentDel").on("click",function(){ $(this).each(function(){ var obj_address_name = $(t...
2017-10-04 20:47:17
5462
原创 MUi下拉刷新和上拉加载click事件失效问题
今天应用MUi的上拉加载更多方法后，发现给li元素注册点击click事件没有反应。最后折腾半个小时发现一个方法，用mui.on( )添加事件监听，用tap代替click事件即可解决mui("#ulId").on("tap","li",function(){ // 逻辑代码，例如跳转详情页、ajax});因为数据条数较多，所以这里用了，事件委托处理http..
2017-08-24 20:31:47
4927
原创 对MVC、MVVM开发模式的理解和总结
MVC模式概述MVC是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计规范，用一种业务逻辑、数据、界面显示分离的方法组织代码，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC模式可以分成三个部分。视图（View）：用户界面控制器（Controller）：业务逻辑模型（Model）：数据保存...
2017-08-12 10:58:42
2067
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人